<template>
  <div id="home">
    <div class="one">
      <p @click="handle1">商会历史</p>
      <p @click="handle2">商会简介</p>
      <p @click="handle3">商会荣誉</p>
      <p @click="handle4">捐款会所芳名录</p>
      <p @click="handle5">领导班子</p>
      <p @click="handle6">企业风采</p>
      <p @click="handle7">活动风采</p>
      <p @click="handle8">重大公告</p>
      <p @click="handle9">慈善扶贫芳名录</p>
      <p @click="handle10">项目合作信息</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Home',
  methods: {
    handle1 () {
      this.$router.push({name: 'Twenty'})
    },
    handle2 () {
      this.$router.push({name: 'Introduce'})
    },
    handle3 () {
      this.$router.push({name: 'Honor'})
    },
    handle4 () {
      this.$router.push({name: 'Catalog'})
    },
    handle5 () {
      this.$router.push({name: 'Number'})
    },
    handle6 () {
      this.$router.push({name: 'Company'})
    },
    handle7 () {
      this.$router.push({name: 'Activity'})
    },
    handle8 () {
      this.$router.push({name: 'Notice'})
    },
    handle9 () {
      this.$router.push({name: 'Charitable'})
    },
    handle10 () {
      this.$router.push({name: 'Message'})
    }
  }
}
</script>

<style lang='scss' scoped>
#home{
  width: 100%;
  height: 100%;
  background-color: #fff;
  .one{
    p{
      margin: 10vw 10vw;
    }
  }
}
</style>
